<body class="homepage"> <!--No se cierra el body si no hasta la pagina footer.php-->

    <div id="header-wrapper">
	<div class="5grid-layout">
		<div class="row">
			<div class="12u">
			
				<!-- Header -->
					<section id="header">
						
						<!-- Logo -->
							<h1><a href="#">Ventas Numar</a></h1>
						
						<!-- Nav -->
							<nav id="nav" class="mobileUI-site-nav">
								<ul>
									<li class="current_page_item"><a href="index.html">Home</a></li>
									<li>
										<a href="">Dropdown</a>
										<ul>
											<li><a href="#">Lorem ipsum dolor</a></li>
											<li><a href="#">Magna phasellus</a></li>
											<li><a href="#">Etiam dolore nisl</a></li>
											<li>
												<span>Phasellus consequat</span>
												<ul>
													<li><a href="#">Magna phasellus</a></li>
													<li><a href="#">Etiam dolore nisl</a></li>
													<li><a href="#">Veroeros feugiat</a></li>
												</ul>
											</li>
											<li><a href="#">Veroeros feugiat</a></li>
										</ul>
									</li>
									<li><a href="right-sidebar.html">Right Sidebar</a></li>
									<li><a href="left-sidebar.html">Left Sidebar</a></li>
									<li><a href="no-sidebar.html">No Sidebar</a></li>
								</ul>
							</nav>

					</section>

			</div>
		</div>
		<div class="row">
			<div class="12u">

				<!-- Banner -->
					<section id="banner">
						<a href="http://facebook.com/DreametryDoodle">
							<span class="image image-full"><img src="images/pic01.jpg" alt="" /></span>
							<header>
								<h2>Howdy. This is Dopetrope.</h2>
								<span class="byline">A responsive site template by HTML5 Up!</span>
							</header>
						</a>
					</section>

			</div>
		</div>
		
		<ul class="social">
						<li class="facebook"><a href="#" class="icon48 icon48-1">Facebook</a></li>
						<li class="twitter"><a href="http://twitter.com/n33co" class="icon48 icon48-2">Twitter</a></li>
						<li class="dribbble"><a href="http://dribbble.com/n33" class="icon48 icon48-3">Dribbble</a></li>
						<li class="linkedin"><a href="#" class="icon48 icon48-4">LinkedIn</a></li>
						<li class="tumblr"><a href="#" class="icon48 icon48-5">Tumblr</a></li>
						<li class="googleplus"><a href="#" class="icon48 icon48-6">Google+</a></li>
					</ul>
					
		<div class="row">
			<div class="12u">
					
				<!-- Intro -->
					<section id="intro">
					
						<div class="5grid">
							<div class="row">
								<div class="2u">
									<section class="first">
										<span class="pennant"><span class="icon64 icon64-1"></span></span>
										<header>
											<h2>Ipsum consequat</h2>
										</header>
										<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
									</section>
								</div>
								<div class="2u">
									<section class="middle">
										<span class="pennant pennant-alt"><span class="icon64 icon64-2"></span></span>
										<header>
											<h2>Magna etiam dolor</h2>
										</header>
										<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
									</section>
								</div>
								<div class="2u">
									<section class="middle">
										<span class="pennant pennant-alt2"><span class="icon64 icon64-3"></span></span>
										<header>
											<h2>Tempus adipiscing</h2>
										</header>
										<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
									</section>
								</div>
								<div class="2u">
									<section class="middle">
										<span class="pennant pennant-alt"><span class="icon64 icon64-2"></span></span>
										<header>
											<h2>Magna etiam dolor</h2>
										</header>
										<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
									</section>
								</div>
								<div class="2u">
									<section class="middle">
										<span class="pennant pennant-alt"><span class="icon64 icon64-1"></span></span>
										<header>
											<h2>Magna etiam dolor</h2>
										</header>
										<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
									</section>
								</div>
								<div class="2u">
									<section class="last">
										<span class="pennant pennant-alt2"><span class="icon64 icon64-3"></span></span>
										<header>
											<h2>Tempus adipiscing</h2>
										</header>
										<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
									</section>
								</div>
								
							</div>
						</div>

						<div class="actions">
							<a href="#" class="button button-big">Get Started</a>
							<a href="#" class="button button-alt button-big">Learn More</a>
						</div>
					
					</section>

			</div>
		</div>
	</div>
    </div>